import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import * as actions from './redux/actions';
import { Icon, Grid } from 'antd-mobile';

export class DefaultPage extends Component {
  static propTypes =
   {
    set: PropTypes.object.isRequired,
    actions: PropTypes.object.isRequired,
  };

  render() {
    return (
      <div className="box">

       <div className="nav">
      <p><Icon type="left" /></p>
      <span >设置</span>
      <p ><Icon type="ellipsis" /></p>
      </div >

    <div className="content">
    <div className="means">
     <span>个人资料</span>
      <p><Icon type="right" /></p>
    </div>

      <div className="means">
     <span>绑定账号</span>
      <p><Icon type="right" /></p>
    </div>

   <div className="means">
     <span>修改密码</span>
      <p>
      <span>手机/微信等</span>
    <Icon type="right" />
      </p>
    </div>

     <div className="means bottom">
     <span>反馈建议</span>
      <p><Icon type="right" /></p>
    </div>
    
    <div className="Sign">
    <span>退出</span>
      </div>
  
    </div>
    
      </div>
    
    
    )
  }
}

/* istanbul ignore next */
function mapStateToProps(state) {
  return {
    set: state.set,
  };
}

/* istanbul ignore next */
function mapDispatchToProps(dispatch) {
  return {
    actions: bindActionCreators({ ...actions }, dispatch)
  };
}


export default connect(
  mapStateToProps,
  mapDispatchToProps
)(DefaultPage);
